<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
       xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./plantilla.xhtml">

            <ui:define name="top">
                top
            </ui:define>

           
            <ui:define name="content">
                <p:accordionPanel>  
                    <p:tab title=" Editorial "> 
                    <h:form >
                            <h1><h:outputText value="List"/></h1>
                                 <p:dataTable id="listaareas" value="#{controlador.listaComiteeditorial}" var="item">
                                
                                 <p:column>
                                        <f:facet name="header">
                                             <h:outputText value="Id"/>
                                        </f:facet>
                                             <h:outputText value="#{item.idEdicion}"/>
                                </p:column>
                                     
                                     
                                <p:column>
                                        <f:facet name="header">
                                              <h:outputText value="Descripcion"/>
                                        </f:facet>
                                              <h:outputText value="#{item.ComiteEditorial}"/>
                                </p:column>
                                     
                            </p:dataTable>
                            </h:form>
                        
                        
                  <h:form id="formeditar">
                       <p:dialog widgetVar="editarDialog" header="Editar Area" hideEffect="explode" showEffect="explode" modal="true">
                            <p:panelGrid columns="2" >
                                
                                                                  
                                    <p:outputLabel value="Id:" for="id" />
                                    <p:inputText id="id" value="#{controlador.tipoActual.idEdicion}" title="Id" required="true" requiredMessage="The Id field is required."/>
                                    
                                    <p:outputLabel value="Descripcion:" for="descripcion" />
                                    <p:inputText id="descripcion" value="#{controlador.tipoActual.ComiteEditorial}" title="Descripcion" />
                                    
                                    <p:commandButton value="Guardar" oncomplete="editarDialog.hide();" 
                                                     actionListener="#{controlador.irGuardarTipo}"/>
                            </p:panelGrid>
                        </p:dialog>

                    </h:form>
                    </p:tab>


                    <p:tab title="Comite_Editorial"> 
                        <h:form id="formeditorial">
                            <p:dataTable id="listarComiteeditorial" value="#{controlador.listaComiteEditorial}" var="elemento"
                                         paginator="true" rows="10"  
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} 
                                         {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                         rowsPerPageTemplate="5,10,15">
                                
                                <f:facet name="header">  
                                    Comite Editorial
                                </f:facet>  
                                
                                <p:column filterBy="#{elemento.editorialPK.idEditorial}"  
                                          headerText="id comiter" footerText="contenido"  
                                          filterMatchMode="exact">
                                 <f:facet name="header">
                                          <h:outputText value="Identificacion Editorial"/>
                                  </f:facet>
                                          <h:outputText value="#{elemento.editorialPK.idEditorial}"/>
                                          
                                   <f:facet name="footer">  
                                        Id->Entero
                                   </f:facet>  
                                </p:column>
                                
                                
                                <p:column filterBy="#{elemento.editorial}"   
                                          headerText="Editorial" footerText="exact"                
                                          filterMatchMode="exact">
                                   <f:facet name="header">
                                        <h:outputText value="ComiteEditorial"/>
                                    </f:facet>
                                    <h:outputText value="#{elemento.elemento}"/>
                                </p:column>  
                                
                        </p:dataTable>
                        </h:form>
                        </p:tab>
                </p:accordionPanel>
            </ui:define>

            <ui:define name="bottom">
            
            </ui:define>

        </ui:composition>

    </body>
</html>
